/*总体布局*/
html{height:100%;}
body{margin:0;background:url('../images/bg.png');height:100%;color:#333;font-family:Tahoma,simsun;font-size:15px;}
.top{position:fixed;background:#369;height:52px;width:100%;}
.top-title{color:#fff;font-family:'Microsoft YaHei';font-size:16px;font-weight:bold;text-align:center;line-height:52px;}
.main{min-height:100%;background:#fff;width:80%;margin:0 auto;}
.main-wrap{padding-top:52px;padding-bottom:32px;}
.footer{position:fixed;width:100%;background:#e6e5e5;height:32px;bottom:0;box-shadow:1px -1px 9px #c2c2c2;font-size:12px;line-height:32px;text-align:center;color:#666;font-family:'Microsoft YaHei';}
.anchor{position:relative;top:-58px;}
.center{text-align:center;}

/*首页*/
.main-title{margin-top:20px;margin-left:20px;margin-bottom:20px;font-family:'Microsoft YaHei';font-size:23px;color:#3aa4e5;}
.main-each{border-bottom:1px dashed #afaead;margin-bottom:6px;padding:10px 0;text-indent:15px;overflow:hidden;}
.main-each-L{float:left;line-height:28px;}
.main-each-R{float:right;text-align:right;min-width:295px;}
.main-each-R span{color:#888;font-size:12px;}
.main-each-R a{display:inline-block;text-indent:0;color:#fff;font-size:12px;padding:6px 22px;background:#82b8da;border:1px solid #73a2bf;text-decoration:none;margin-left:20px;margin-right:20px;}
.main-each-R a:hover{background:#448fc2;border:1px solid #3b7da8;transition:all 0.25s ease-in;}

/*考试*/
.question-top{overflow:hidden;padding:20px 40px 10px 40px;}
.question-title{float:left;font-family:'Microsoft YaHei';font-size:23px;color:#3aa4e5;line-height:36px;margin-bottom:10px;}
.question-nav{float:right;overflow:hidden;text-align:right;}
.question-nav a{font-family:'Microsoft YaHei';display:block;float:left;text-decoration:none;color:#fff;padding:8px 18px;margin-left:10px;border:1px solid #aad3fa;background-color:#4ab4f5;transition:all 0.25s ease-in;}
.question-nav a:hover{background:#5ac4ff;border:1px solid #7ae4ff;}
.question-wrap{border:1px solid #e0e0e0;margin:0 40px 20px;padding:20px;background-color:#fcfcfc;transition:all 0.25s ease-in;}
.question-wrap:hover{border:1px solid #4ab4f5;}
.question-type{font-size:18px;color:#333;padding-bottom:10px;margin-bottom:20px;font-family:'Microsoft YaHei';border-bottom:1px dotted #ccc;transition:all 0.25s ease-in;}
.question-wrap:hover .question-type{border-bottom:1px dotted #4ab4f5;}
.question-type span{font-size:15px;color:#aaa;}
.question-name{margin-top:15px;line-height:25px;}
.question-option{margin:5px 0;}
.question-option input[type=radio]{margin-right:5px;cursor:pointer;}
.question-option input[type=checkbox]{margin-right:5px;cursor:pointer;}

.question-act{text-align:center;margin-bottom:50px;}
.question-act input{padding:10px 55px;font-size:16px;font-weight:bolder;color:#4f6b72;border:1px solid #aad3fa;border-radius:8px;background:#eef6fa;cursor:pointer;transition:all 0.25s ease-in;}
.question-act input:hover{color:#5f7b82;background:#fff;}

.question-each label{padding:5px 0;display:block;cursor:pointer;}
.question-each label:hover{background-color:#e5f2ff;}
.question-option span{padding:5px 0;display:block;}
.question-option input[type=text]{border:1px solid #bbb;padding:3px;}

/*结果*/
.total-table{border:1px solid #c1dad7;border-collapse:collapse;color:#4f6b72;text-align:center;margin:0 auto;width:80%;}
.total-table th{border:1px solid #c1dad7;padding:6px 6px 6px 12px;background:#cae8ea;letter-spacing:2px;}
.total-table td{border:1px solid #c1dad7;padding:6px 6px 6px 12px;}

.total-table tr:nth-of-type(odd){ background:#f5fafa;}

.total-act{text-align:center;padding-top:20px;margin-bottom:50px;}
.total-act a{display:inline-block;border-radius:8px;padding:10px 35px;text-decoration:none;font-weight:bolder;color:#4f6b72;border:1px solid #aad3fa;background-color:#eef6fa;transition:all 0.25s ease-in;}
.total-act a:hover{color:#5f7b82;background:#fff;}

/*响应式*/
@media screen and (max-width:600px) { 
.main{width:100%;}
.question-top{padding-left:10px;padding-right:10px;text-align:center;}
.question-title{float:none;}
.question-nav{float:none;display:inline-block;padding-right:10px;}
.question-wrap{margin-left:10px;margin-right:10px;}
.total-table{width:95%;}
}
@media screen and (max-width:420px) { 
.question-nav a{padding:6px 8px;}
}
@media screen and (max-width:345px) { 
.question-nav a{margin-top:5px;margin-bottom:5px;}
}
